<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>解决$冲突</title>
    <script src="../../js/jquery-3.4.1.js"></script>
    <!--
        1. 这里导入的my-framework.js假设是其他框架, 并且这个框架使用了$这个符号, 就会导致一个问题:
            - 后倒入的js文件中的$会覆盖之前导入的$; 所以现在服务在使用$符号了.
    -->
    <script src="../../js/my-framework.js"></script>
</head>
<body>

</body>
<script>

    /*
    功能:
        验证两个符号的$冲突怎么解决.
    说明:
        1. 解决这个问题的方式有2中:
            - 释放$的使用权, 就是执行一下jQuery.noConflict()方法, 之后的代码都是用jQuery来代替$.
            - 另一种方法就是使用其他特殊符号替代$, 就是const NJ = jQuery.noConflict();这样用一个特殊符号来保存jQuery.noConflict()的返回值.
    */

    /**
     * 说明:
     *      1. 此处的代码会报错:
     *      ```
     *      conflictResolution.html?_ijt=dal3q25no0s2cpk46ria37fodl:17 Uncaught TypeError: $ is not a function
     *      at conflictResolution.html?_ijt=dal3q25no0s2cpk46ria37fodl:17
     *      ```
     */
    /*$(function () {
        console.log(232);
    });*/

    // 将$特殊符号替换为其他符号
    const NJ = jQuery.noConflict();
    NJ(function () {
        console.log("使用替换后的特殊符号来替代$");
    });

    // 释放$的使用权, 在执行 jQuery.noConflict() 函数之后就不能再使用$符号进行操作了.
    jQuery.noConflict();
    jQuery(function () {
        console.log("使用jQuery来替代$");
    });

</script>
</html>